<template>

    <div>
        <titleall name="今日榜单" type="2" size="6" flag="true"></titleall>
        <titleall name="新歌速递" type="1" size="3" flag="true"></titleall>
        <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
            <van-swipe-item><img src="../assets/image/b1.jpg" alt=""></van-swipe-item>
            <van-swipe-item><img src="../assets/image/b2.jpg" alt=""></van-swipe-item>
            <van-swipe-item><img src="../assets/image/b3.jpg" alt=""></van-swipe-item>
        </van-swipe>
        <tab-tle>

        </tab-tle>
        <titleall name="热门榜单" type="24" size="6" flag="true"></titleall>

    </div>

</template>

<script>
    import axios from "axios"
    import titleall from "../layout/TitAll.vue"
    import tabTle from "../layout/tabTle.vue";

    export default {
        name: 'Home',
        components: {
            titleall,
            tabTle
        },
        created() {
            axios.get("")
        }
    }
</script>

<style scoped lang="less">
    .my-swipe .van-swipe-item {
        color: #fff;
        font-size: 20px;
        /*line-height: 150px;*/
        text-align: center;

        img {
            width: 100%;

        }
    }
</style>
